<template>
  <div>
    <el-divider class="my-divider" />

    <div class="content">
      <div class="sec about-us">
        <h2>About Us</h2>
        <el-divider class="my-bar" />
        <p>
          这是软件工程课程项目网上商城，开发团队为第7小组。<br>
          前端：谢森煜、周智民。后端：袁海鹏、王嘉骏。<br>

        </p>
      </div>

      <div class="sec quick-links">
        <h2>Quick Links</h2>
        <el-divider class="my-bar" />
        <ul>
          <li>
            <el-icon>
              <ElementPlus />
            </el-icon>
            <el-link class="my-link" :underline="false" href="http://element-plus.org/zh-CN/">Element Plus</el-link>
          </li>
        </ul>
      </div>

      <div class="sec contact-us">
        <h2>Contact Us</h2>
        <el-divider class="my-bar" />
        <ul>
          <li class="my-li">
            <el-icon>
              <Location />
            </el-icon>
            <p>上海市 杨浦区 邯郸路220号</p>
          </li>
          <li class="my-li">
            <el-icon>
              <Phone />
            </el-icon>
            <p>15159596227</p>
          </li>
          <li class="my-li">
            <el-icon>
              <Message />
            </el-icon>
            <p>1658047827@qq.com</p>
          </li>
        </ul>
      </div>

    </div>
  </div>
</template>

<script>

</script>

<style lang="less" scoped>
.my-divider {
  border-top: 2px solid rgba(170, 165, 165, 0.651);
}

.content {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 30px 100px 50px 100px;

  .my-bar {
    border-top: 5px solid rgba(143, 160, 181, 0.735);
    margin: 15px 0px;
    width: 60px;
  }

  .sec {
    h2 {
      font-size: 24px;
      color: rgba(125, 123, 123, 0.87);
    }
  }

  .about-us {
    p {
      color: rgba(63, 64, 65, 0.868);
      font-size: 15px;
      line-height: 35px;
    }
  }

  .quick-links {
    li {
      display: flex;
      margin-top: 20px;

      .my-link {
        margin-left: 5px;
        font-size: 15px;
      }
    }
  }

  .contact-us {
    .my-li {
      display: flex;
      font-size: 15px;
      color: rgba(63, 64, 65, 0.868);
      margin-top: 20px;
      margin-bottom: 20px;

      p {
        margin-left: 5px;
      }
    }
  }
}
</style>